var path = require('path');
var webpack = require('webpack');
module.exports = {
  entry: path.resolve(__dirname, './src/main.jsx'),
  output: {
    filename: './dist/bundle.js'
  },
  module: {
    loaders:[
      {
        test: /\.jsx$/,
        loader: 'babel-loader',
        query:{
          presets:['es2015','react']
        }
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },// 用 ! 来连接多个 loader
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader?limit=8192'
      } // 内联 base64 URLs, 限定 <=8k 的图片, 其他的用 URL
    ]
  },
  devServer:{
    hot:true,
    inline:true
  },
  plugins: [
         new webpack.optimize.OccurrenceOrderPlugin(),
          // webapck 会给编译好的代码片段一个id用来区分
          // 而这个插件会让webpack在id分配上优化并保持一致性。
          // 具体是的优化是：webpack就能够比对id的使用频率和分布来得出最短的id分配给使用频率高的模块

          new webpack.optimize.UglifyJsPlugin({
          // 压缩代码
            compressor: {
              warnings: false
            }
          })
    ]
};